<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>后台管理</title>
    <!-- import CSS -->
    <link rel="stylesheet" href="/css/admin.css">
    <link rel="stylesheet" href="/css/bootstrap-responsive.css">
    <style>
        .el-header, .el-footer {
            background-color: #B3C0D1;
            color: #333;
            text-align: center;
            line-height: 60px;
        }

        .el-aside {
            background-color: #D3DCE6;
            color: #333;
            text-align: center;
            line-height: 200px;
        }

        /*.el-main {*/
        /*    background-color: #E9EEF3;*/
        /*    color: #333;*/
        /*    text-align: center;*/
        /*    line-height: 160px;*/
        /*}*/

        body > .el-container {
            margin-bottom: 40px;
        }

        .el-container:nth-child(5) .el-aside,
        .el-container:nth-child(6) .el-aside {
            line-height: 260px;
        }

        .el-container:nth-child(7) .el-aside {
            line-height: 320px;
        }
    </style>
</head>
<body>
<div id="app">
    <el-container>
        <el-header>
            <el-dropdown trigger="click" style="float: right;"  >
                          <span class="el-dropdown-link">
                              {{auth()->user('admin')->name ?? ''}}
                              {{--                            {{user.username}}--}}
                              <i class="el-icon-arrow-down el-icon--right"></i>
                          </span>
                <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item>
                        <a href="{{route('admin.logout')}}">退出登陆</a>
                    </el-dropdown-item>
                </el-dropdown-menu>
            </el-dropdown>
        </el-header>
        <el-container>
            <el-aside width="200px">
                <el-menu default-active="1-4-1" class="el-menu-vertical-demo">
                    <el-menu-item index="2">
                        <i class="el-icon-menu"></i> <span slot="title"><a
                                    href="{{route('admin.order')}}">订单列表</a></span>
                    </el-menu-item>
                    <el-menu-item index="3">
                        <i class="el-icon-menu"></i> <span slot="title"><a
                                    href="{{route('admin.goods')}}">商品列表</a></span>
                    </el-menu-item>
                    <el-menu-item index="4">
                        <i class="el-icon-menu"></i> <span slot="title"><a
                                href="{{route('admin.category')}}">分类列表</a></span>
                    </el-menu-item>
                    <el-menu-item index="4">
                        <i class="el-icon-menu"></i> <span slot="title"><a
                                href="{{route('admin.comments')}}">评论列表</a></span>
                    </el-menu-item>
                </el-menu>
            </el-aside>
            <el-main>    @yield('content')
            </el-main>
        </el-container>
    </el-container>
</div>
</body>
<!-- import Vue before Element -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
@yield('scripts')
</html>
